html, body {
	height: 100%;
	font-size: 14px;
}

.container {
	height: 100%;
}

.container .header {
	height: 50px;
	background: #16181d;
	color: #333;
	font-size: 16px;
	line-height: 50px;
	padding-left: 10px
}

.container .content {
	height: calc(100% - 100px);
}

.container .footer {
	height: 50px;
	color: #333;
	font-size: 16px;
	line-height: 50px;
}

.content .left {
	width: 150px;
	background: #16181d;
	color: #fff;
	/* text-align: center; */
	height: 100%;
	padding-left: 10px;
}

.content .right {
	width: 100px;
	background: #16181d;
	color: #fff;
	text-align: center;
}

.content .main {
	width: calc(100% - 250px);
	height: 100%;
	background: #f2f2f2;
}

.menutitle {
	font-size: 18px;
	line-height: 36px;
}

.menulist {
	line-height: 30px;
	overflow: auto;
	height: calc(100% - 50px)
}

.menulist::-webkit-scrollbar {
	display: none;
}

.menulist li {
	cursor: pointer;
	padding-left: 20px;
}

.menulist .active {
	background: #009688;
}

iframe {
	width: 100%;
	height: 100%;
	border: none;
}